@charset "utf-8";
/* CSS Document */

html,body,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,b,u,i,p,em,td,th,input,textarea,label,select,iframe{font-family:"黑体",Arial;font-size:16px;color:#444;padding:0;margin:0;}
@media (min-width: 1200px) {
html,body{font-size:30px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
html,body{font-size:25px;}
}
@media (min-width: 768px) and (max-width: 992px) {
html,body{font-size:19px;}
}
@media (min-width: 600px) and (max-width: 768px) {
html,body{font-size:12px;}
}
@media (min-width: 480px) and (max-width: 600px) {
html,body{font-size:8px;}
}
@media (min-width: 300px) and (max-width: 480px) {
html,body{font-size:8px;}
}
body{min-width:240px;margin:0px auto;background-color:#ffba00;}
.app_content{width:100%;margin:0px auto;text-align:center;}
img{font-size:12px;vertical-align:middle;}
a img{border:0;}
ul,li{vertical-align:bottom;padding:0; margin:0;}
li{list-style: none;}

.fl{float:left !important;display:inline;}
.fr{ float:right; display:inline;}

.mr15{margin-right:15px;}

.ofo_box{position:relative;}

.ofo_tit img{width:48.28125%;margin-top:2.6875rem;margin-bottom:1.125rem;}

.ofo_guess{width:100%;float:left;position:absolute;z-index:10;}
.ofo_guess dl{margin-right:4.375rem;}
.ofo_guess dl dt{width:8.75rem;float:left;font:400 2.125rem/4.6875rem "黑体";color:#fff;text-align:right;padding-right:0.625rem;}
.ofo_guess dl dd{margin-left:9.375rem;position:relative;}
.ofo_guess dl dd input{background-color:#ffcf4d;border:0.125rem dashed #fff1cc;border-radius:90px;width:63%;font:400 2.125rem/4.4375rem "黑体";color:#fff;padding-right:32%;padding-left:5%;}
.ofo_guess dl dd a{position:absolute;right:-8px;top:0px;z-index:20;font:400 2.125rem/4.6875rem "黑体";color:#ffba00;text-decoration:none;background-color:#fff;border-radius:90px;width:8.125rem;}

.ofo_result{width:100%;float:left;position:absolute;z-index:10;}
.ofo_result dl{padding:0rem 14%;}
.ofo_result dl dt{background-color:#ffcf4d;border:0.125rem dashed #fff1cc;border-radius:90px;font:400 2.125rem/4.4375rem "黑体";color:#fff;text-align:center;}
.ofo_result dl dt span{font:800 3.75rem/4.4375rem "Arial Black","Arial";color:#f25a24;vertical-align:middle;padding-left:0.625rem;}
.ofo_result dl dd{font:400 1.75rem/2.8rem "黑体";color:#fff1cc;padding-top:1.125rem;}
.ofo_result dl dd span{font-size:2.125rem;font-weight:bold;color:#fff;padding-left:0.625rem;}

.ofo_sku_top{top:2.1875rem;}
.ofo_sku_top2{top:10.9375rem;}
.ofo_sku_top3{top:4.6875rem;}
.ofo_sku{position:absolute;z-index:0;left:0px;width:100%;}
.ofo_sku dl{position:relative;}
.ofo_sku dl dt{z-index:0;}
.ofo_sku dl dt img{width:100%;}
.ofo_sku dl dd{position:absolute;}
.ofo_sku dl .sku_pic{width:74.375%;left:12.8125%;top:13.91585760511799%;z-index:10;}
.ofo_sku dl .sku_pic img{width:100%;border-radius:50%;}
.ofo_sku dl .sku_pic2{width:45.3125%;left:27.34375%;top:30%;z-index:10;}
.ofo_sku dl .sku_pic2 img{width:100%;}
.ofo_sku dl .word01{font:400 2.125rem/3.125rem "黑体";color:#ffba00;z-index:12;width:100%;left:0;top:18%;text-align:center;}
.ofo_sku dl .word02{font:400 1.5rem/3.125rem "黑体";color:#333;z-index:12;width:100%;left:0;top:75.5%;text-align:center;}

.ofo_text{margin-top:105%;}
.ofo_text dl dt{position:relative;z-index:0;width:100%;float:left;}
.ofo_text dl dt p{border-top:0.125rem solid #ffd666;width:100%;position:absolute;z-index:0;left:0px;top:1.4375rem;}
.ofo_text dl dt font{font:400 2.125rem/3.125rem "黑体";color:#fff;background-color:#ffba00;z-index:10;position:relative;padding:0px 0.625rem;}
.ofo_text dl dd{font:400 1.5rem/2.25rem "黑体";color:#fff1cc;padding:0.625rem 0px;width:100%;float:left;}
.ofo_text dl dd span{font:800 2.125rem/2.25rem "Arial Black","Arial";color:#f25a24;}

.ofo_text02{margin-top:123%;}
.ofo_text02 a{font:400 1.5rem/2.5rem "黑体";color:#fff;text-decoration:none;padding-bottom:0.625rem;display:block;}
.ofo_text02 img{width:2.5rem;}

.ofo_btn01{margin-top:129%;padding:0rem 14.0625% 0.625rem 14.0625%;position:relative;z-index:0;}
.ofo_btn01 a.butn{background-color:#fff;border-radius:90px;font:400 2.125rem/4.6875rem "黑体";color:#ffba00;width:100%;display:block;text-decoration:none;}
.ofo_btn01 img{position:absolute;z-index:10;top:0px;right:14.8%;width:4.6875rem;}

.ofo_btn02{margin-top:115%;padding:0rem 14.0625% 0.625rem 14.0625%;position:relative;z-index:0;}
.ofo_btn02 a.butn{background-color:#fff;border-radius:90px;font:400 1.75rem/4.6875rem "黑体";color:#ffba00;width:90%;display:block;text-decoration:none;padding-right:10%;}
.ofo_btn02 img{position:absolute;z-index:10;top:0px;right:14.8%;width:4.6875rem;}